@import "../../mixins/index.less";

@nav-bar-prefix-cls: ~"@{prefix}-nav-bar";

.@{nav-bar-prefix-cls} {
  width: 100%;
  height: 98px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  &.dark{
    background-color: @background-color;
    color: #fff;
    font-size: 36px;
  }
  &.light{
    background-color: #fff;
    color: @background-color;
    font-size: 36px;
  }
  .m-react-left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100%;
  }
  .m-react-center {
    flex: 1;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
  }
  .m-react-right {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    height: 100%;
  }
}
